<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>Shampoo Project</title>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:100,400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css' />
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css" />
        <link rel="stylesheet" type="text/css" href="css/camera.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap-timepicker.min.css" />
        <link rel="stylesheet" type="text/css" href="css/custom.css" />
        <link rel="stylesheet" type="text/css" href="css/datepicker.css" />
        <link rel="stylesheet" type="text/css" href="css/responsive.css" />
    </head>

    <body>
        <div class="header-sub navbar navbar-fixed-top">
            <div class="header-nav cls-opacity" id="header_nav">
                <div class="row-fluid">
                    <div class="span8">
                        <a href="index.html" class="logo small-logo pull-left"><img src="img/logo_small.png" /></a>
                        
                        <div class="navbar">
                            <div class="navbar-inner">
                                <div class="container">
                                    <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
                                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </a>
                                    <!-- Everything you want hidden at 940px or less, place within here -->
                                    <div class="nav-collapse collapse">
                                        <ul class="navigation-sub">
                                            <li class="nav-first nav-active"><a href="#">Browse</a></li>
                                            <li><a href="#">My Favourites</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                    </div>
                    <div class="span2">
                        <div class="control-group">
                            <div class="controls">
                                <div class="input-search">
                                    <input type="text" placeholder="Search" class="search-query span7 search-input search-input-sub">
                                    <button class="btn btn-info search-btn"><i class="icon-search"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>				
                    <div class="span2">
                        <ul class="my-account-ul pull-right">
                            <li class="dropdown">
                                <a data-toggle="dropdown" class="dropdown-toggle" href="#">Hiep Nghiem <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#"><i class="icon-user"></i> My Account</a></li>
                                    <li><a href="#"><i class="icon-check"></i> Your Requests</a></li>
                                    <li><a href="#"><i class="icon-envelope"></i> <span class="text"> Messages </span><span class="badge badge-info">4</span></a></li>
                                    <li class="divider"></li>
                                    <li><a href="#"><i class="icon-off"></i> Log Out</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <section class="middle">
            <div class="wrapper-sub">
                <div class="row-fluid">
                    <div class="span12 wrapper-content">
                        <div class="row-fluid">
                            <div class="span12">
                                <ul class="breadcrumb">
                                    <li><a href="#">Heath & Beauty</a> <span class="divider">/</span></li>
                                    <li><a href="#">Hair Cut</a> <span class="divider">/</span></li>
                                    <li class="active">Mogi Hair</li>
                                </ul>
                            </div>
                        </div>
                        <div class="clearfix-custom-10"></div>
                        <div class="row-fluid">
                            <div class="span8">
                                <div class="profile-block">
                                    <div class="profile-img">
                                        <img class="profile-thumb" src="img/profiles/mogi.jpg" />
                                    </div>
                                    <div class="profile-infor">
                                        <h3>Mogi Hair <img src="img/favourite.png" /></h3>
                                        <div class="profile-title">Beverly Hills Neighborhood</div>
                                        <div class="profile-address"><i class="icon-map-marker"></i> <a href="javascript:void(0)" id="spa_address">265 S. Robertson Blvd. Unit 4, Beverly Hills, CA 92011</a></div>
                                        <div class="profile-phone"><i class="icon-home"></i> (1)-234-456-7890</div>
                                        <div class="profile-phone"><i class="icon-globe"></i> <a href="#">http://30seconds.3owl.com/cloud-link</a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="span4">
                            	<div class="rates-block">
	                            	<a href="#tab6" id="btn_bookservice" class="btn-bookservice">BOOK NOW</a>
                                    <div class="clearfix"></div>
                                    <div class="yelp-star"></div><div class="yelp-logo">&nbsp;(3) <img src="img/yelp.png"></div> 
                                    <div class="shampoo-star"><img src="img/shampoo-star.png"><img src="img/shampoo-star.png"><img src="img/shampoo-star.png"><img src="img/shampoo-star.png"><img src="img/shampoo-star.png"><span class="number-review">(2)</span><span class="text-smaller"> Shampoo review</span></div>
    							</div>
                            </div>
                        </div>
                        <div class="row-fluid">
                        	<div class="span12">
                            	<div style="float:right; margin-top:10px;" align="center">
                                    <!-- AddThis Button BEGIN -->
                                    <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=300&amp;pubid=xa-508776440a23e3a3"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
                                    <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-508776440a23e3a3"></script>
                                    <!-- AddThis Button END -->
								</div>
                                <div style="float:right; margin-top:10px;" align="center">
                                	<!-- AddThis Button BEGIN -->
                                    <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> 
                                    <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-5087781428c2db3e"></script>
                                    <!-- AddThis Button END -->
                                </div>
                                <div style="float:right; margin-top:10px;" align="center">
                                	<!-- AddThis Button BEGIN -->
                                    <div class="addthis_toolbox addthis_default_style ">
                                    	<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
                                    </div>
                                    <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-508777a8725272b0"></script>
                                    <!-- AddThis Button END -->
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span12 tab-photo">
                                <div class="tabbable">
                                    <ul class="nav nav-tabs">
                                        <li class="active"><a href="#tab1" data-toggle="tab">Photos</a></li>
                                        <li><a href="#tab2" id="map_tab" data-toggle="tab">Maps</a></li>
                                        <li><a href="#tab3" data-toggle="tab">Street View</a></li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab1">
                                            <div class="camera_wrap camera_magenta_skin" id="camera_wrap_2">
                                                <div data-thumb="img/photo-slides/thumbs/bridge.jpg" data-src="img/photo-slides/bridge.jpg">
                                                    <div class="camera_caption fadeFromBottom">
                                                        Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
                                                    </div>
                                                </div>
                                                <div data-thumb="img/photo-slides/thumbs/leaf.jpg" data-src="img/photo-slides/leaf.jpg">
                                                    <div class="camera_caption fadeFromBottom">
                                                        It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
                                                    </div>
                                                </div>
                                                <div data-thumb="img/photo-slides/thumbs/road.jpg" data-src="img/photo-slides/road.jpg">
                                                    <div class="camera_caption fadeFromBottom">
                                                        <em>It's completely free</em> (even if a donation is appreciated)
                                                    </div>
                                                </div>
                                                <div data-thumb="img/photo-slides/thumbs/sea.jpg" data-src="img/photo-slides/sea.jpg">
                                                    <div class="camera_caption fadeFromBottom">
                                                        Camera slideshow provides many options <em>to customize your project</em> as more as possible
                                                    </div>
                                                </div>
                                                <div data-thumb="img/photo-slides/thumbs/shelter.jpg" data-src="img/photo-slides/shelter.jpg">
                                                    <div class="camera_caption fadeFromBottom">
                                                        It supports captions, HTML elements and videos and <em>it's validated in HTML5</em>
                                                    </div>
                                                </div>
                                                <div data-thumb="img/photo-slides/thumbs/tree.jpg" data-src="img/photo-slides/tree.jpg">
                                                    <div class="camera_caption fadeFromBottom">
                                                        Different color skins and layouts available, <em>fullscreen ready too</em>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="tab2">
                                            <div class="row-fluid">
                                                <div class="span12">
                                                    <iframe width="960" height="495" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=265+S.+Robertson+Blvd.+Unit+4,+Beverly+Hills,+CA+92011&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=41.546728,79.013672&amp;ie=UTF8&amp;hq=&amp;hnear=265+S+Robertson+Blvd+%234,+Los+Angeles,+California+90048&amp;t=m&amp;ll=34.072142,-118.385324&amp;spn=0.035193,0.082397&amp;z=14&amp;output=embed"></iframe><br />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="tab3">
                                            <div class="row-fluid">
                                                <div class="span12">
                                                    <iframe width="960" height="495" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=265+S.+Robertson+Blvd.+Unit+4,+Beverly+Hills,+CA+92011&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=41.546728,79.013672&amp;ie=UTF8&amp;hq=&amp;hnear=265+S+Robertson+Blvd+%234,+Los+Angeles,+California+90048&amp;t=m&amp;layer=c&amp;cbll=34.06315,-118.383549&amp;panoid=U5IPGEZOE47ACiPVSABIkw&amp;cbp=13,271.64,,0,-1&amp;ll=34.056037,-118.37863&amp;spn=0.035199,0.082397&amp;z=14&amp;output=svembed"></iframe><br />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span12 tab-description">
                                <div class="tabbable">
                                    <ul class="nav nav-tabs">
                                        <li class="active"><a href="#tab4" id="book_service_tab" data-toggle="tab">Book Services</a></li>
                                        <li><a href="#tab5" data-toggle="tab">Description</a></li>
                                        <li><a href="#tab6" data-toggle="tab">Reviews</a></li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane active book-service" id="tab4">
                                        	<div class="container-fluid">   
                                                <div class="wizard">
                                                    <a href="#step1" data-toggle="tab" class="tab-active">1. Select Service</a>
                                                    <a href="#step2" class="current" data-toggle="tab">2. Select Date & Time</a>
                                                    <a href="#step3" class="current" data-toggle="tab">3. Confirm Reservation</a>
                                                    
                                                </div>
                                                <div class="step">
                                                    <div class="tab-btn">
                                                        <button class="bt-step">Excutive Grooming Services</button>
                                                        <button class="bt-step">Traditional Barber Service</button>
                                                        <button class="bt-step">Other</button>
                                                        <button class="bt-step">All</button>
                                                    </div>
                                                    <div class="accordion" id="step1">
                                                        <div class="accordion-group">
                                                            <div class="accordion-heading">
                                                                <a class="accordion-toggle main-toogle" data-toggle="collapse" data-parent="#step1" href="#collapseOne">
                                                                    Excutive Grooming Services
                                                                </a>

                                                            </div>
                                                            <div id="collapseOne" class="accordion-body collapse in">
                                                                <div class="accordion-group step-active">
                                                                    <div class="accordion-heading">
                                                                        <!--<div class="">-->
                                                                        <div class="row-fluid">
                                                                            <div class="span9">
                                                                                <a class="accordion-toggle link" data-toggle="collapse" data-parent="#collapseOne" href="#collapseChildOne">
                                                                                    "The Free Agent"
                                                                                </a>
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                20 mins
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                $20
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                <i class="icon-ok"></i>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div id="collapseChildOne" class="accordion-body collapse">
                                                                        <span class="muted">A quick trim around...</span>
                                                                        <div class="step-details">
                                                                            <div>
                                                                                Notch: <span class="muted">Master Barber</span>
                                                                            </div>
                                                                            <div class="media">
                                                                                <a class="pull-left" href="#">
                                                                                    <img class="media-object" data-src="holder.js/64x64" alt="64x64" src="">
                                                                                    </img>
                                                                                </a>
                                                                                <div class="media-body">
                                                                                    Jimmy has been with us for the last 15 years.
                                                                                    <!-- Nested media object -->
                                                                                </div>
                                                                            </div>
                                                                            <button class="btn btn-info pull-right">Pick Date/Time</button>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="accordion-group">
                                                                    <div class="accordion-heading">
                                                                        <div class="row-fluid">
                                                                            <div class="span9">
                                                                                <a class="accordion-toggle link" data-toggle="collapse" data-parent="#collapseOne" href="#collapseChildTwo">
                                                                                    "The Stater"
                                                                                </a>
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                40 mins
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                $35
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                <i class="icon-chevron-right ico-blur"></i>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <!--Child Two-->
                                                                    <div id="collapseChildTwo" class="accordion-body collapse">
                                                                        <div class="accordion-group">
                                                                            Content
                                                                        </div>
                                                                    </div>   
                                                                    <!--Child Two-->
                                                                </div>
                                                                <div class="accordion-group">
                                                                    <div class="accordion-heading">
                                                                        <div class="row-fluid">
                                                                            <div class="span9">
                                                                                <a class="accordion-toggle link" data-toggle="collapse" data-parent="#collapseOne" href="#collapseChildThree">
                                                                                    <i class="icon-tasks"></i> "The Franchise Player"
                                                                                </a>
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                50 mins
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                $75
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                <i class="icon-chevron-right ico-blur"></i>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="accordion-group">
                                                                    <div class="accordion-heading">
                                                                        <div class="row-fluid">
                                                                            <div class="span9">
                                                                                <a class="accordion-toggle link" data-toggle="collapse" data-parent="#collapseOne" href="#collapseChildThree">
                                                                                    <i class="icon-tasks"></i>  "The League MVP"
                                                                                </a>
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                60 mins
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                $100
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                <i class="icon-chevron-right ico-blur"></i>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="accordion-group">
                                                            <div class="accordion-heading">
                                                                <a class="accordion-toggle main-toogle" data-toggle="collapse" data-parent="#step1" href="#collapseTwo">
                                                                    Traditional Barber Service
                                                                </a>
                                                            </div>
                                                            <div id="collapseTwo" class="accordion-body collapse">
                                                                <div class="accordion-group">
                                                                    <div class="accordion-heading">
                                                                        <div class="row-fluid">
                                                                            <div class="span9">
                                                                                <a class="accordion-toggle link" data-toggle="collapse" data-parent="#collapseTwo" href="#">
                                                                                    "Man's Scissor Cut"
                                                                                </a>
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                60 mins
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                $100
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                <i class="icon-chevron-right ico-blur"></i>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>  
                                                        </div>
                                                        <div class="accordion-group">                                                        
                                                            <div class="accordion-heading">
                                                                <a class="accordion-toggle main-toogle" data-toggle="collapse" data-parent="#step1" href="#collapseThree">
                                                                    Other
                                                                </a>
                                                            </div>
                                                            <div id="collapseThree" class="accordion-body collapse">
                                                                <div class="accordion-group">
                                                                    <div class="accordion-heading">
                                                                        <div class="row-fluid">
                                                                            <div class="span9">
                                                                                <a class="accordion-toggle link" data-toggle="collapse" data-parent="#collapseThree" href="#">
                                                                                    "Man's Scissor Cut"
                                                                                </a>
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                60 mins
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                $100
                                                                            </div>
                                                                            <div class="span1 margin">
                                                                                <i class="icon-chevron-right ico-blur"></i>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="accordion" id="step2">
                                                        <div class="accordion-group">
                                                            <div class="accordion-heading">
                                                                <a class="accordion-toggle main-toogle" data-toggle="collapse" data-parent="#step2" href="#collapseStep2">
                                                                    Pick a Date and Time
                                                                </a>
                                                            </div>
                                                            <div id="collapseStep2" class="accordion-body collapse in">
                                                                <div class="row-fluid">
                                                                    <div class="span6">
                                                                        <div id="datepicker"></div>
                                                                    </div>
                                                                    <div class="span3">
                                                                        <div class="accordion-heading">
                                                                            <a class="accordion-toggle main-toogle time" data-toggle="collapse" data-parent="" href="#Morning">
                                                                                Morning
                                                                            </a>
                                                                            <div id="Morning" class="accordion-body collapse in">
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>9:00 AM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>9:30 AM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>10:00 AM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>10:30 AM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>11:00 AM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>11:30 AM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="span3">
                                                                        <div class="accordion-heading">
                                                                            <a class="accordion-toggle main-toogle time" data-toggle="collapse" data-parent="" href="#Afternoon">
                                                                                Afternoon
                                                                            </a>
                                                                            <div id="Afternoon" class="accordion-body collapse in">
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>12:00 PM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>12:30 PM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>1:00 PM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>1:30 PM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>2:00 PM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>2:30 PM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>3:00 PM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="accordion-group">
                                                                                    <div class="accordion-heading">
                                                                                        <a>3:30 PM <i class="icon-chevron-right pull-right"></i></a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                    	</div>
                                                    </div>
                                                    <div class="accordion" id="step3">
                                                        <div class="accordion-group">
                                                            <div class="accordion-heading">
                                                                <div class="step3">
                                                                    <div>
                                                                        <a class="accordion-toggle main-toogle" data-toggle="collapse" data-parent="#step3" href="#collapseStep3">
                                                                            Confirm Your Appointment
                                                                        </a>
                                                                    </div>
                                                                    <div id="collapseStep3" class="accordion-body collapse in">
                                                                        <!--<div class="accordion-inner">-->
                                                                        <div class="accordion-heading">
                                                                            <div class="booking">
                                                                                <div class="row-fluid">
                                                                                    <div class="span2">
                                                                                        <span>
                                                                                            Saturday<br/>
                                                                                            May 25, 2013<br/>
                                                                                        </span>
                                                                                        <span class="muted">
                                                                                            2:30 PM - 3:30 PM (PDT)
                                                                                        </span>
                                                                                        <br>
                                                                                            <button class="btn">Change</button>
                                                                                    </div>
                                                                                    <div class="span9">                                                                                        
                                                                                        <div class="media">
                                                                                            <a class="pull-left" href="#">
                                                                                                <img class="media-object" data-src="holder.js/64x64" alt="64x64" src="">
                                                                                                </img>
                                                                                            </a>
                                                                                            <div class="media-body">
                                                                                                <span>Details Barbershop & Grooming Lounge</span><br/>
                                                                                                <span class="muted">"The league MVP" - 60 mins with Notch <br/>
                                                                                                    $100.00
                                                                                                </span>
                                                                                                <br/>
                                                                                                <button class="btn">Change</button>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="clearfix"></div>
                                                                                </div>

                                                                            </div>
                                                                            <div class="comment">
                                                                                <div>
                                                                                    <a class="accordion-toggle main-toogle" data-toggle="collapse" data-parent="" href="">
                                                                                        Include a Message
                                                                                    </a>
                                                                                </div>

                                                                                <div id="collapseStep3" class="accordion-body collapse in">
                                                                                    <div class="accordion-heading">
                                                                                        <textarea>The colkas</textarea>
                                                                                        <p>130 characters remaining</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <p>
                                                                                <a href="account.html"><button class="pull-right btn btn-info book-btn btn-bookit">Book It    
                                                                                    <span class="pull-right badge circle">
                                                                                        <i class="icon-chevron-right icon-white"></i></span>
                                                                                </button>
                                                                                </a>
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                    	</div>
                                                	</div>
                                            	</div>
                                        	</div>
                                        </div>
                                        <div class="tab-pane" id="tab5">
                                            <div class="container-fluid">
                                                <div class="span8">
                                                    <p>Dedi Shaphir specializes in hair extensions, color-correction, hair design cut, style, haircut. Hair extension for beauty, confidence, enhancement, Dedi Shaphir specializes in all hair extension techniques. He will advise you on the best extensions for you. The hair is high quality 100% european human hair. Great for short hair, thinning hair, to add length and volume. No chemicals, micro-bead, hairlock systems utilized. For life, the set, and more!</p>
                                                    <p>The cave is originated in 17th century and was redone in the last year it located 5Min from Mirador San Nicolas 1Min from Mirador Maya, 5 mins wlk from the center of Albycin and the Tapas Terraces and live Flamenco shows.5 mins from Granada´s most beautifull street Paseo De Los Tristes and 15Min walk to the Catedral and Main shopping area.</p>
                                                </div>
                                                <div class="span4">
                                                    <p>In the Mythical Albycin-Sacromonte between Flamenco caves and amazing views of the Alhambra Palace, located in the Heart of this Granada´s UNESCO herritage quarter.Thiis lovely cave house all modernly redone, equipped with 21 century technology cableTv,Wifi,Washing machine fully equipped kitchen and living room and the amazing Bathroom. Terraces and live Flamenco shows.5 mins from Granada´s most beautifull street Paseo De Los Tristes and 15Min walk to the Catedral and Main shopping area</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="tab6">
                                            <p>Dedi Shaphir specializes in hair extensions, color-correction, hair design cut, style, haircut. Hair extension for beauty, confidence, enhancement, Dedi Shaphir specializes in all hair extension techniques. He will advise you on the best extensions for you. The hair is high quality 100% european human hair. Great for short hair, thinning hair, to add length and volume. No chemicals, micro-bead, hairlock systems utilized. For life, the set, and more!</p>
                                            <p>The cave is originated in 17th century and was redone in the last year it located 5Min from Mirador San Nicolas 1Min from Mirador Maya, 5 mins wlk from the center of Albycin and the Tapas Terraces and live Flamenco shows.5 mins from Granada´s most beautifull street Paseo De Los Tristes and 15Min walk to the Catedral and Main shopping area.</p>
                                            <p>In the Mythical Albycin-Sacromonte between Flamenco caves and amazing views of the Alhambra Palace, located in the Heart of this Granada´s UNESCO herritage quarter.Thiis lovely cave house all modernly redone, equipped with 21 century technology cableTv,Wifi,Washing machine fully equipped kitchen and living room and the amazing Bathroom. Terraces and live Flamenco shows.5 mins from Granada´s most beautifull street Paseo De Los Tristes and 15Min walk to the Catedral and Main shopping area</p>
                                    	</div>
                                	</div>
                                </div>
        					</div>
                        </div>
                        <hr>
                        <h3>Nearby Similar Bussinesses</h3>
                        <div class="clearfix-custom-10"></div>
                        <div class="row-fluid similar-bussiness">
                            <div class="span3">
                                <a href="#">Haircut by Pacific Hair Salon</a>
                                <div class="price">$45</div>
                                <img class="nearby-similar" src="img/hair-salon/01.jpg" />
                            </div>
                            <div class="span3">
                                <a href="#">Haircut by Pacific Hair Salon</a>
                                <div class="price">$38 - $48</div>
                                <img class="nearby-similar" src="img/hair-salon/04.jpg" />
                            </div>
                            <div class="span3">
                                <a href="#">Haircut by Pacific Hair Salon</a>
                                <div class="price">$100 - $120</div>
                                <img class="nearby-similar" src="img/hair-salon/09.jpg" />
                            </div>
                            <div class="span3">
                                <a href="#">Haircut by Pacific Hair Salon</a>
                                <div class="price">$55</div>
                                <img class="nearby-similar" src="img/hair-salon/12.jpg" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <div class="footer-bottom">
                <div class="wrapper">
                    <div class="row-fluid">
                        <div class="span3 get-powered-div">
                            <div class="get-powered-wrap">
                                <span class="get-powered pull-left">Get powered by</span><a class="pull-left" href="index.html"><div class="logo-bottom"></div></a>
                            </div>
                        </div>
                        <div class="span6 copyright" align="center">
                            © 2013, <a href="#"> Shampoo</a>. Developed by <a href="#">Cloud-Link Pte Ltd</a>
                            <br>
                            <a href="#">Privacy Policy</a> | <a href="#">Terms and Conditions</a>
                        </div>
                        <div class="span3 social-div">
                            <ul class="social-network pull-right">
                                <li><a href="#"><div class="social-element twitter" atl="Twitter" title="Twitter"></div></a></li>
                                <li><a href="#"><div class="social-element facebook" atl="Facebook" title="Facebook"></div></a></li>
                                <li><a href="#"><div class="social-element google" atl="Google Plus" title="Google Plus"></div></a></li>
                                <li><a href="#"><div class="social-element instagram" atl="Instagram" title="Instagram"></div></a></li>
                            </ul>
                            <!--<a id="back-top" href="#"><div class="narrow-up"></div></a>-->
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!--<script src="js/jquery.1.9.js" type="text/javascript"></script>-->
        <script src="js/jquery.min.js"></script>
        <!--<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>-->
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.swing.js"></script>
        <script type='text/javascript' src='js/jquery.mobile.customized.min.js'></script>
        <script type='text/javascript' src='js/jquery.easing.1.3.js'></script> 
        <script type='text/javascript' src='js/camera.min.js'></script> 
        <script src="js/bootstrap-datepicker.js" type="text/javascript"></script>
        <!--<script src="js/shampoo.js"></script>-->
        <script type="text/javascript">
		$(function(){
			$('#back-top').click(function () {
				$('body,html').animate({
					scrollTop: 0
				}, 800);
				return false;
			});
			$(window).scroll(function(){
				var lastScroll = $(document).scrollTop();
				if(lastScroll >= 50){
					$("#header_nav").removeClass("cls-opacity");
				}else{
					$("#header_nav").addClass("cls-opacity");
				}
			});
			$('#btn_bookservice').click(function () {
				$('body,html').animate({
					scrollTop: 870
				}, 800);
				return false;
			});
			
			$("#btn_bookservice").click(function(){
				$("#book_service_tab").trigger('click');
			});
			
			$("#spa_address").click(function(){
				$('body,html').animate({
					scrollTop: 280
				}, 800);
				return false;		
			});
			$("#spa_address").click(function(){
				$("#map_tab").trigger('click');
			});
			
            jQuery('#camera_wrap_2').camera({
                height: '400px',
                loader: 'bar',
                pagination: false,
                thumbnails: true
            });
            $('#datepicker').datepicker();

            $('#step2, #step3').css('display', 'none');
            $('a[href="#step1"]').click(function() {

                $('#step1').css('display', 'block');
                $('#step2, #step3').css('display', 'none');
				$('a[href="#step1"]').addClass('tab-active');
				$('a[href="#step2"],a[href="#step3"]').removeClass('tab-active');
            });
            $('a[href="#step2"]').click(function() {

                $('#step1, #step3').css('display', 'none');
                $('#step2').css('display', 'block');
				$('a[href="#step2"]').addClass('tab-active');
				$('a[href="#step1"],a[href="#step3"]').removeClass('tab-active');
            });
            $('a[href="#step3"]').click(function() {
                $('#step1, #step2').css('display', 'none');
                $('#step3').css('display', 'block');
				$('a[href="#step3"]').addClass('tab-active');
				$('a[href="#step1"],a[href="#step2"]').removeClass('tab-active');
            });
		});
        </script>
	</body>
</html>